.def-color {
  color: #677DF4;
}

.input-w50 {
  width: 50px !important;
}
.input-w70 {
  width: 71px !important;
}
.input-w90 {
  width: 90px !important;
}
.input-w100 {
  width: 100px !important;
}
.input-w150 {
  width: 150px !important;
}
.input-w200 {
  width: 200px !important;
}
.input-w220 {
  width: 220px !important;
}
.input-w250 {
  width: 250px !important;
}
.input-w260 {
  width: 260px !important;
}
.input-w280 {
  width: 280px !important;
}
.input-w300 {
  width: 300px !important;
}
.input-w370 {
  width: 370px !important;
}
.input-w383 {
  width: 383px !important;
}
.input-w385 {
  width: 385px !important;
}
.input-w390 {
  width: 390px !important;
}
.input-w400 {
  width: 400px !important;
}
.input-w526 {
  width: 526px !important;
}
// 输入框公用样式
.input-w340 {
  width: 340px !important;
}

// 距离顶部
.mt12 {
  margin-top: 12px;
}
.mt0 {
  margin-top: 0px !important;
}
.mt18 {
  margin-top: 18px;
}
.mt57 {
  margin-top: 57px;
}
.pt36 {
  padding-top: 36px;
}
.pt40 {
  padding-top: 40px;
}
//距离底部

// 距离左侧
.ml12 {
  margin-left: 12px;
}
.ml10 {
  margin-left: 10px;
}
.ml18 {
  margin-left: 18px;
}
.m24 {
  margin-left: 24px;
}
.ml36 {
  margin-left: 36px;
}
.ml4 {
  margin-left: 4px;
}
.ml8 {
  margin-left: 8px;
}

.ml10 {
  margin-right: 10px;
}

.mr5 {
  margin-right: 5px;
}

.pl0 {
  padding-left: 0 !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}
.pb24 {
  padding-bottom: 24px;
}

.pb6{
  padding-bottom: 6px;
}
.pb12 {
  padding-bottom: 12px;
}
// 距离右侧
.mr12 {
  margin-right: 12px;
}
.mr8 {
  margin-right: 8px;
}
.mb18 {
  margin-bottom: 18px !important;
}
.pd18{
  padding:18px;
}

.mb6{
  margin-bottom: 6px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb0{
  margin-bottom: 0 !important;
}

.flex {
  display: flex;
}
// flex 样式
.flex-end {
  display: flex;
  justify-content: flex-end !important;
}

.flex-align__center {
  display: flex;
  align-items: center;
}

.font-12 {
  font-size: 12px;
}

.font-18 {
  font-size: 18px;
}

.cur-po {
  cursor: pointer;
}

.font-bold {
  font-weight: bold !important;
}

.qrcode {
  border: 1px solid #c5c5c5;
  padding: 8px;
  width: 188px;
  height: 188px;
}

.color-red {
  color: #f56c6c;
}


.danger-color {
  color: #f56c6c;
}

.brand-color {
  color: #677DF4;
}

/* 设置el-table滚动条的样式 */
.el-table ::-webkit-scrollbar {
  height: 10px;
  border-radius: 12px;
}
/* 滚动条滑块 */
.el-table ::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 12px;
}
.el-table.hide-scrollBar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  padding-bottom: 20px;
  border-radius: 4px;
}
.el-table.hide-scrollBar ::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}


.el-link--inner{
  font-weight: 400;
  font-size: 12px;
}